// 动画事件

.transition () {
    transition: all 0.3s ease;
}

.slide-fade-move {
    &-left {

        &-enter-active,
        &-leave-active {
            .transition
        }

        &-enter,
        &-leave-to {
            transform: translateX(-30px);
            opacity  : 0;
        }
    }

    &-right {

        &-enter-active,
        &-leave-active {
            .transition
        }

        &-enter,
        &-leave-to {
            transform: translateX(30px);
            opacity  : 0;
        }
    }
}